import React, { memo, useState, useEffect, useRef } from 'react'

import { withRouter } from 'react-router-dom'
import { FooterWrap, FooterWrapMain } from './style'

import { goKeshiqu } from '../../utils/IntersectionObserver'

export default memo(withRouter(function AppFooter(props) {
  const footerRef = useRef(null)
  const [flag, setFlag] = useState()
  // setFlag(props.location.pathname.indexOf("player"))
  useEffect(() => {
    setFlag(props.location.pathname.indexOf("player"))
    // const p = document.querySelector('.AppFooterCMP')
    // const refDom = footerRef.current
    // goKeshiqu(footerRef, function () { console.log('回调函数'); })

  })

  // useEffect(() => {
  //   // console.log(footerRef);
  //   // if (footerRef.current) {
  //   //   console.log('current右值');
  //   //   goKeshiqu(footerRef.current, function () { console.log('回调函数'); })
  //   // }
  //   // goKeshiqu(document.querySelector('.AppFooterCMP'), function () {
  //   //   console.log('回调函数')
  //   // })


  //   // setTimeout(() => {
  //   //   // 创建一个监测 对象
  //   //   const divDom = document.querySelector('.AppfooterJianche')
  //   //   console.log(divDom);

  //   //   goKeshiqu(divDom, function () { console.log('callback'); })


  //   // });

  // }, [])
  return (
    <>
      {flag != -1 ?
        "" :
        (
          <div className="AppfooterJianche">
            <FooterWrap className="AppFooterCMP" ref={footerRef}>
              <FooterWrapMain className="wrap" >
                <div className="footer_info">
                  <div className="friend_a">
                    <a href="/">关于腾讯</a>
                    <span>|</span>
                    <a href="/">About Tencent</a>
                    <span>|</span>
                    <a href="/">服务条款</a>
                    <span>|</span>
                    <a href="/">用户服务协议</a>
                    <span>|</span>
                    <a href="/">隐私政策</a>
                    <span>|</span>
                    <a href="/">权利声明</a>
                    <span>|</span>
                    <a href="/">广告服务</a>
                    <span>|</span>
                    <a href="/">腾讯招聘</a>
                    <span>|</span>
                    <a href="/">客服中心</a>
                    <span>|</span>
                    <a href="/">网站导航</a>
                  </div>
                  <div>Copyright © 1998 - 2021 Tencent. All Rights Reserved.</div>
                  <div>
                    腾讯公司 &nbsp;
                    <a href="/">版权所有</a>
                    <span>|</span>
                    <a href="/">营业执照</a>
                    <span>|</span>
                    网络文化经营许可证：
                    <a href="/">粤网文[2020]3396-195号</a>

                  </div>
                </div>
              </FooterWrapMain>
            </FooterWrap>
          </div>
        )
      }
    </>
  )
}))
